body {
	margin:2px;
	padding:0;
}

.outermostDiv {
	margin-left:0px;
	width:100%;
}

.div2 {
	top:0%;
	left:0px;
	width:100%;
	height:100%;
	position:fixed;
	background-color:#FFF;
	vertical-align:middle;
}

.MaskImage {
	max-height:95%;
	max-width:95%;
	border: 5px solid #CCC; 
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}

.XImage {
	width:30px;
	height:30px;
	float:right;
	right:20px;
	top:20px;
	position:fixed;
}

.LeftImage {
	width:60px;
	height:60px;
	left:10px;
	position:fixed;
	float:left;
	top:45%;
	background:url(../img/arrow.png) 0px 0px no-repeat;
}

.RightImage {
	width:60px;
	height:60px;
	right:10px;
	top:45%;
	position:fixed;
	float:right;
	background:url(../img/arrow.png) -60px 0px no-repeat;
}

.bigImg {
  background: white;
  padding:2%;
  margin:0.5%;
  width: 20%;
  box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}
